<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form"%>
<%@ taglib uri="http://tiles.apache.org/tags-tiles" prefix="tiles"%>
<div id="content" class="span10">
	<!-- content starts -->

	<div>
		<ul class="breadcrumb">
			<li><a href="#">Home</a> <span class="divider">/</span></li>
			<li><a href="#">Leads</a> <span class="divider">/</span></li>
			<li><a href="#">View Call</a></li>
		</ul>
	</div>

	<div class="row-fluid sortable">
		<div class="box span12">
			<div class="box-header well" data-original-title>
				<h2>
					<fmt:message key="form.viewcall.title" />
				</h2>
				<div class="box-icon">
					<a href="#" class="btn btn-minimize btn-round"><i
						class="icon-chevron-up"></i></a>
				</div>
			</div>
			<div class="box-content">
				<div id="formsContent" class="form-horizontal">
					<!-- Form container -->
					<div class="row-fluid">
						<div class="span12">
							<fieldset>
								<legend>
									<fmt:message key="form.call.callInformation" />
								</legend>
								<div class="row-fluid">
									<div class="span6 bgcolor">
										<div class="control-group">
											<label class="control-label" for="input"><fmt:message
													key="form.call.crmStaff" /></label>
											<div class="controls">
												<span>${callDTO.crmStaff.fName}</span>
											</div>
										</div>
									</div>
									<div class="span6 bgcolor">
										<div class="control-group">
											<label class="control-label" for="input"><fmt:message
													key="form.appointment.contactedPerson" /></label>
											<div class="controls">
												<span>${callDTO.contactedPerson.fName}</span>
											</div>
										</div>
									</div>
								</div>
								<div class="row-fluid">
									<div class="span6 bgcolor">
										<div class="control-group">
											<label class="control-label" for="input" class="required"><fmt:message
													key="form.appointment.date" /></label>
											<div class="controls">
												<span>${callDTO.date}</span>
											</div>
										</div>
									</div>
									<div class="span6 bgcolor">
										<div class="control-group">
											<label class="control-label" for="input" class="required"><fmt:message
													key="form.appointment.startingTime" /></label>
											<div class="controls">
												<span>${callDTO.startTime}</span>
											</div>
										</div>
									</div>
								</div>
								<div class="row-fluid">
									<div class="span6 bgcolor">
										<div class="control-group">
											<label class="control-label" for="input" class="required"><fmt:message
													key="form.call.decisionMaker" /> </label>
											<div class="controls">
												<span>${callDTO.decisionMaker}</span>
											</div>
										</div>
									</div>
									<div class="span6 bgcolor">
										<div class="control-group">
											<label class="control-label" for="input"><fmt:message
													key="form.appointment.endingTime" /></label>
											<div class="controls">
												<span>${callDTO.endTime}</span>
											</div>
										</div>
									</div>
								</div>
								<div class="row-fluid">
									<div class="span6 bgcolor">
										<div class="control-group">
											<label class="control-label" for="input" class="required"><fmt:message
													key="form.call.InOutCall" /> </label>
											<div class="controls">
												<span>${callDTO.inOutCall}</span>
											</div>
										</div>
									</div>
								</div>
								<div class="row-fluid">
									<div class="span12 bgcolor">
										<div class="control-group">
											<label class="control-label" for="input" class="required"><fmt:message
													key="form.appointment.comment" /></label>
											<div class="controls">
												<span>${callDTO.comment}</span>
											</div>
										</div>
									</div>
								</div>
							</fieldset>
							<fieldset>
								<legend>
									<fmt:message key="form.appointment.nextFollowUpInformation" />
								</legend>
								<div class="row-fluid">
									<div class="span6 bgcolor">
										<div class="control-group">
											<label class="control-label" for="input" class="required"><fmt:message
													key="form.appointment.nextFollowUp" /> </label>
											<div class="controls">
												<span>${callDTO.nextFollowUp}</span>
											</div>
										</div>
									</div>
									<div class="span6 bgcolor">
										<div class="control-group">
											<label class="control-label" for="input" class="required"><fmt:message
													key="form.appointment.nextFollowUpDate" /> </label>
											<div class="controls">
												<span>${callDTO.followUpDate}</span>
											</div>
										</div>
									</div>
								</div>
								<div class="row-fluid">
									<div class="span6 bgcolor">
										<div class="control-group">
											<label class="control-label" for="input"><fmt:message
													key="form.appointment.nextFollowUpType" /></label>
											<div class="controls">
												<span>${callDTO.followUpType}</span>
											</div>
										</div>
									</div>
									<div class="span6 bgcolor">
										<div class="control-group">
											<label class="control-label" for="input"><fmt:message
													key="form.appointment.nextFollowUpDetails" /></label>
											<div class="controls">
												<span>${callDTO.followUpDetails}</span>
											</div>
										</div>
									</div>
								</div>
							</fieldset>
						</div>
					</div>
				</div>
			</div>
		</div>
		<!--/span-->

	</div>
	<!--/row-->
	<!-- content ends -->
</div>
<!--/#content.span10-->
<hr />